<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>特殊的jquery选择器</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			table {
				border-collapse: collapse;
				border-spacing: 0;
				margin: 20px auto;
			}
			th,td{
				border: 1px solid #ddd;
				padding: 10px 18px;
			}
			
		</style>
	</head>
	<body>
		<table>
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>职业</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>18</td>
				<td>教师</td>
			</tr>
			<tr class="tside">
				<td>张三</td>
				<td>18</td>
				<td>教师</td>
			</tr>
			<tr>
				<td>张三</td>
				<td>18</td>
				<td>教师</td>
			</tr>
		</table>
		<script src="../js/jquery.min.js"></script>
		<script>
			// 奇数
			// $('tr:odd').css('background','#ddd');
			// 偶数
			// $('tr:even').css('background','goldenrod');
			// 列出 index 大于 2 的元素,index默认从0开始
			// $('tr:gt(2)').css('background','goldenrod');
			// :not(selector)
			$('tr:not(".tside")').css('background','goldenrod');
		</script>
	</body>
</html>
